<!DOCTYPE html>
<!--
Copyright 2012 Mozilla Foundation

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Adobe CMap resources are covered by their own copyright but the same license:

    Copyright 1990-2015 Adobe Systems Incorporated.

See https://github.com/adobe-type-tools/cmap-resources
-->
<html dir="ltr" mozdisallowselectionprint>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
    <meta name="google" content="notranslate" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>PDF.js viewer</title>

    <link rel="stylesheet" href="viewer.css" />
    <link rel="stylesheet" href="./style/aibox.css" />

    <!-- 字段提取样式 -->
    <link rel="stylesheet" href="./style/extract.css" />

    <!-- 添加 -->
    <link rel="stylesheet" href="./style/add.css" />

    <!-- This snippet is used in production (included from viewer.html) -->
    <link
      rel="resource"
      type="application/l10n"
      href="locale/locale.properties"
    />

    <script src="./utils/myEventBus.js"></script>
    <script src="../build/pdf.js"></script>

    <script src="viewer.js"></script>

    <!-- jquery -->
    <script src="./assets/jquery-1.12.js"></script>
    <!-- 引入 layui.js -->

    <script src="./assets/layui.js"></script>
    <!-- 引入 layui.css -->

    <link href="./assets/css/layui.css" rel="stylesheet" />

    <style>
      .body {
        display: flex;
      }

      #outerContainer {
        flex: 1;
      }
      #aiBox {
        color: white;
        /* flex: 1; */
        text-align: center;
      }
    </style>
  </head>

  <body tabindex="1" class="loadingInProgress body">
    <div id="outerContainer">
      <div id="sidebarContainer">
        <div id="toolbarSidebar">
          <div class="splitToolbarButton toggled">
            <button
              id="viewThumbnail"
              class="toolbarButton toggled"
              title="Show Thumbnails"
              tabindex="2"
              data-l10n-id="thumbs"
            >
              <span data-l10n-id="thumbs_label">Thumbnails</span>
            </button>
            <button
              id="viewOutline"
              class="toolbarButton"
              title="Show Document Outline (double-click to expand/collapse all items)"
              tabindex="3"
              data-l10n-id="document_outline"
            >
              <span data-l10n-id="document_outline_label"
                >Document Outline</span
              >
            </button>
            <button
              id="viewAttachments"
              class="toolbarButton"
              title="Show Attachments"
              tabindex="4"
              data-l10n-id="attachments"
            >
              <span data-l10n-id="attachments_label">Attachments</span>
            </button>
          </div>
        </div>
        <div id="sidebarContent">
          <div id="thumbnailView"></div>
          <div id="outlineView" class="hidden"></div>
          <div id="attachmentsView" class="hidden"></div>
        </div>
        <div id="sidebarResizer" class="hidden"></div>
      </div>
      <!-- sidebarContainer -->

      <div id="mainContainer">
        <div class="findbar hidden doorHanger" id="findbar">
          <div id="findbarInputContainer">
            <input
              id="findInput"
              class="toolbarField"
              title="Find"
              placeholder="Find in document…"
              tabindex="91"
              data-l10n-id="find_input"
            />
            <div class="splitToolbarButton">
              <button
                id="findPrevious"
                class="toolbarButton findPrevious"
                title="Find the previous occurrence of the phrase"
                tabindex="92"
                data-l10n-id="find_previous"
              >
                <span data-l10n-id="find_previous_label">Previous</span>
              </button>
              <div class="splitToolbarButtonSeparator"></div>
              <button
                id="findNext"
                class="toolbarButton findNext"
                title="Find the next occurrence of the phrase"
                tabindex="93"
                data-l10n-id="find_next"
              >
                <span data-l10n-id="find_next_label">Next</span>
              </button>
            </div>
          </div>

          <div id="findbarOptionsOneContainer">
            <input
              type="checkbox"
              id="findHighlightAll"
              class="toolbarField"
              tabindex="94"
            />
            <label
              for="findHighlightAll"
              class="toolbarLabel"
              data-l10n-id="find_highlight"
              >Highlight all</label
            >
            <input
              type="checkbox"
              id="findMatchCase"
              class="toolbarField"
              tabindex="95"
            />
            <label
              for="findMatchCase"
              class="toolbarLabel"
              data-l10n-id="find_match_case_label"
              >Match case</label
            >
          </div>
          <div id="findbarOptionsTwoContainer">
            <input
              type="checkbox"
              id="findEntireWord"
              class="toolbarField"
              tabindex="96"
            />
            <label
              for="findEntireWord"
              class="toolbarLabel"
              data-l10n-id="find_entire_word_label"
              >Whole words</label
            >
            <span id="findResultsCount" class="toolbarLabel hidden"></span>
          </div>

          <div id="findbarMessageContainer">
            <span id="findMsg" class="toolbarLabel"></span>
          </div>
        </div>
        <!-- findbar -->

        <div
          id="secondaryToolbar"
          class="secondaryToolbar hidden doorHangerRight"
        >
          <div id="secondaryToolbarButtonContainer">
            <button
              id="secondaryPresentationMode"
              class="secondaryToolbarButton presentationMode visibleLargeView"
              title="Switch to Presentation Mode"
              tabindex="51"
              data-l10n-id="presentation_mode"
            >
              <span data-l10n-id="presentation_mode_label"
                >Presentation Mode</span
              >
            </button>

            <button
              id="secondaryOpenFile"
              class="secondaryToolbarButton openFile visibleLargeView"
              title="Open File"
              tabindex="52"
              data-l10n-id="open_file"
            >
              <span data-l10n-id="open_file_label">Open</span>
            </button>

            <button
              id="secondaryPrint"
              class="secondaryToolbarButton print visibleMediumView"
              title="Print"
              tabindex="53"
              data-l10n-id="print"
            >
              <span data-l10n-id="print_label">Print</span>
            </button>

            <button
              id="secondaryDownload"
              class="secondaryToolbarButton download visibleMediumView"
              title="Download"
              tabindex="54"
              data-l10n-id="download"
            >
              <span data-l10n-id="download_label">Download</span>
            </button>

            <a
              href="#"
              id="secondaryViewBookmark"
              class="secondaryToolbarButton bookmark visibleSmallView"
              title="Current view (copy or open in new window)"
              tabindex="55"
              data-l10n-id="bookmark"
            >
              <span data-l10n-id="bookmark_label">Current View</span>
            </a>

            <div class="horizontalToolbarSeparator visibleLargeView"></div>

            <button
              id="firstPage"
              class="secondaryToolbarButton firstPage"
              title="Go to First Page"
              tabindex="56"
              data-l10n-id="first_page"
            >
              <span data-l10n-id="first_page_label">Go to First Page</span>
            </button>
            <button
              id="lastPage"
              class="secondaryToolbarButton lastPage"
              title="Go to Last Page"
              tabindex="57"
              data-l10n-id="last_page"
            >
              <span data-l10n-id="last_page_label">Go to Last Page</span>
            </button>

            <div class="horizontalToolbarSeparator"></div>

            <button
              id="pageRotateCw"
              class="secondaryToolbarButton rotateCw"
              title="Rotate Clockwise"
              tabindex="58"
              data-l10n-id="page_rotate_cw"
            >
              <span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span>
            </button>
            <button
              id="pageRotateCcw"
              class="secondaryToolbarButton rotateCcw"
              title="Rotate Counterclockwise"
              tabindex="59"
              data-l10n-id="page_rotate_ccw"
            >
              <span data-l10n-id="page_rotate_ccw_label"
                >Rotate Counterclockwise</span
              >
            </button>

            <div class="horizontalToolbarSeparator"></div>

            <button
              id="cursorSelectTool"
              class="secondaryToolbarButton selectTool toggled"
              title="Enable Text Selection Tool"
              tabindex="60"
              data-l10n-id="cursor_text_select_tool"
            >
              <span data-l10n-id="cursor_text_select_tool_label"
                >Text Selection Tool</span
              >
            </button>
            <button
              id="cursorHandTool"
              class="secondaryToolbarButton handTool"
              title="Enable Hand Tool"
              tabindex="61"
              data-l10n-id="cursor_hand_tool"
            >
              <span data-l10n-id="cursor_hand_tool_label">Hand Tool</span>
            </button>

            <div class="horizontalToolbarSeparator"></div>

            <button
              id="scrollVertical"
              class="secondaryToolbarButton scrollModeButtons scrollVertical toggled"
              title="Use Vertical Scrolling"
              tabindex="62"
              data-l10n-id="scroll_vertical"
            >
              <span data-l10n-id="scroll_vertical_label"
                >Vertical Scrolling</span
              >
            </button>
            <button
              id="scrollHorizontal"
              class="secondaryToolbarButton scrollModeButtons scrollHorizontal"
              title="Use Horizontal Scrolling"
              tabindex="63"
              data-l10n-id="scroll_horizontal"
            >
              <span data-l10n-id="scroll_horizontal_label"
                >Horizontal Scrolling</span
              >
            </button>
            <button
              id="scrollWrapped"
              class="secondaryToolbarButton scrollModeButtons scrollWrapped"
              title="Use Wrapped Scrolling"
              tabindex="64"
              data-l10n-id="scroll_wrapped"
            >
              <span data-l10n-id="scroll_wrapped_label">Wrapped Scrolling</span>
            </button>

            <div class="horizontalToolbarSeparator scrollModeButtons"></div>

            <button
              id="spreadNone"
              class="secondaryToolbarButton spreadModeButtons spreadNone toggled"
              title="Do not join page spreads"
              tabindex="65"
              data-l10n-id="spread_none"
            >
              <span data-l10n-id="spread_none_label">No Spreads</span>
            </button>
            <button
              id="spreadOdd"
              class="secondaryToolbarButton spreadModeButtons spreadOdd"
              title="Join page spreads starting with odd-numbered pages"
              tabindex="66"
              data-l10n-id="spread_odd"
            >
              <span data-l10n-id="spread_odd_label">Odd Spreads</span>
            </button>
            <button
              id="spreadEven"
              class="secondaryToolbarButton spreadModeButtons spreadEven"
              title="Join page spreads starting with even-numbered pages"
              tabindex="67"
              data-l10n-id="spread_even"
            >
              <span data-l10n-id="spread_even_label">Even Spreads</span>
            </button>

            <div class="horizontalToolbarSeparator spreadModeButtons"></div>

            <button
              id="documentProperties"
              class="secondaryToolbarButton documentProperties"
              title="Document Properties…"
              tabindex="68"
              data-l10n-id="document_properties"
            >
              <span data-l10n-id="document_properties_label"
                >Document Properties…</span
              >
            </button>
          </div>
        </div>
        <!-- secondaryToolbar -->

        <div class="toolbar">
          <div id="toolbarContainer">
            <div id="toolbarViewer">
              <div id="toolbarViewerLeft">
                <button
                  id="sidebarToggle"
                  class="toolbarButton"
                  title="Toggle Sidebar"
                  tabindex="11"
                  data-l10n-id="toggle_sidebar"
                >
                  <span data-l10n-id="toggle_sidebar_label"
                    >Toggle Sidebar</span
                  >
                </button>
                <div class="toolbarButtonSpacer"></div>
                <button
                  id="viewFind"
                  class="toolbarButton"
                  title="Find in Document"
                  tabindex="12"
                  data-l10n-id="findbar"
                >
                  <span data-l10n-id="findbar_label">Find</span>
                </button>
                <div class="splitToolbarButton hiddenSmallView">
                  <button
                    class="toolbarButton pageUp"
                    title="Previous Page"
                    id="previous"
                    tabindex="13"
                    data-l10n-id="previous"
                  >
                    <span data-l10n-id="previous_label">Previous</span>
                  </button>
                  <div class="splitToolbarButtonSeparator"></div>
                  <button
                    class="toolbarButton pageDown"
                    title="Next Page"
                    id="next"
                    tabindex="14"
                    data-l10n-id="next"
                  >
                    <span data-l10n-id="next_label">Next</span>
                  </button>
                </div>
                <input
                  type="number"
                  id="pageNumber"
                  class="toolbarField pageNumber"
                  title="Page"
                  value="1"
                  size="4"
                  min="1"
                  tabindex="15"
                  data-l10n-id="page"
                />
                <span id="numPages" class="toolbarLabel"></span>
              </div>
              <div id="toolbarViewerRight">
                <button
                  id="presentationMode"
                  class="toolbarButton presentationMode hiddenLargeView"
                  title="Switch to Presentation Mode"
                  tabindex="31"
                  data-l10n-id="presentation_mode"
                >
                  <span data-l10n-id="presentation_mode_label"
                    >Presentation Mode</span
                  >
                </button>

                <button
                  id="openFile"
                  class="toolbarButton openFile hiddenLargeView"
                  title="Open File"
                  tabindex="32"
                  data-l10n-id="open_file"
                >
                  <span data-l10n-id="open_file_label">Open</span>
                </button>

                <button
                  id="print"
                  class="toolbarButton print hiddenMediumView"
                  title="Print"
                  tabindex="33"
                  data-l10n-id="print"
                >
                  <span data-l10n-id="print_label">Print</span>
                </button>

                <button
                  id="download"
                  class="toolbarButton download hiddenMediumView"
                  title="Download"
                  tabindex="34"
                  data-l10n-id="download"
                >
                  <span data-l10n-id="download_label">Download</span>
                </button>
                <a
                  href="#"
                  id="viewBookmark"
                  class="toolbarButton bookmark hiddenSmallView"
                  title="Current view (copy or open in new window)"
                  tabindex="35"
                  data-l10n-id="bookmark"
                >
                  <span data-l10n-id="bookmark_label">Current View</span>
                </a>

                <div class="verticalToolbarSeparator hiddenSmallView"></div>

                <button
                  id="secondaryToolbarToggle"
                  class="toolbarButton"
                  title="Tools"
                  tabindex="36"
                  data-l10n-id="tools"
                >
                  <span data-l10n-id="tools_label">Tools</span>
                </button>
              </div>
              <div id="toolbarViewerMiddle">
                <div class="splitToolbarButton">
                  <button
                    id="zoomOut"
                    class="toolbarButton zoomOut"
                    title="Zoom Out"
                    tabindex="21"
                    data-l10n-id="zoom_out"
                  >
                    <span data-l10n-id="zoom_out_label">Zoom Out</span>
                  </button>
                  <div class="splitToolbarButtonSeparator"></div>
                  <button
                    id="zoomIn"
                    class="toolbarButton zoomIn"
                    title="Zoom In"
                    tabindex="22"
                    data-l10n-id="zoom_in"
                  >
                    <span data-l10n-id="zoom_in_label">Zoom In</span>
                  </button>
                </div>
                <span id="scaleSelectContainer" class="dropdownToolbarButton">
                  <select
                    id="scaleSelect"
                    title="Zoom"
                    tabindex="23"
                    data-l10n-id="zoom"
                  >
                    <option
                      id="pageAutoOption"
                      title=""
                      value="auto"
                      selected="selected"
                      data-l10n-id="page_scale_auto"
                    >
                      Automatic Zoom
                    </option>
                    <option
                      id="pageActualOption"
                      title=""
                      value="page-actual"
                      data-l10n-id="page_scale_actual"
                    >
                      Actual Size
                    </option>
                    <option
                      id="pageFitOption"
                      title=""
                      value="page-fit"
                      data-l10n-id="page_scale_fit"
                    >
                      Page Fit
                    </option>
                    <option
                      id="pageWidthOption"
                      title=""
                      value="page-width"
                      data-l10n-id="page_scale_width"
                    >
                      Page Width
                    </option>
                    <option
                      id="customScaleOption"
                      title=""
                      value="custom"
                      disabled="disabled"
                      hidden="true"
                    ></option>
                    <option
                      title=""
                      value="0.5"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 50 }'
                    >
                      50%
                    </option>
                    <option
                      title=""
                      value="0.75"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 75 }'
                    >
                      75%
                    </option>
                    <option
                      title=""
                      value="1"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 100 }'
                    >
                      100%
                    </option>
                    <option
                      title=""
                      value="1.25"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 125 }'
                    >
                      125%
                    </option>
                    <option
                      title=""
                      value="1.5"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 150 }'
                    >
                      150%
                    </option>
                    <option
                      title=""
                      value="2"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 200 }'
                    >
                      200%
                    </option>
                    <option
                      title=""
                      value="3"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 300 }'
                    >
                      300%
                    </option>
                    <option
                      title=""
                      value="4"
                      data-l10n-id="page_scale_percent"
                      data-l10n-args='{ "scale": 400 }'
                    >
                      400%
                    </option>
                  </select>
                </span>
              </div>
            </div>
            <div id="loadingBar">
              <div class="progress">
                <div class="glimmer"></div>
              </div>
            </div>
          </div>
        </div>

        <menu type="context" id="viewerContextMenu">
          <menuitem
            id="contextFirstPage"
            label="First Page"
            data-l10n-id="first_page"
          ></menuitem>
          <menuitem
            id="contextLastPage"
            label="Last Page"
            data-l10n-id="last_page"
          ></menuitem>
          <menuitem
            id="contextPageRotateCw"
            label="Rotate Clockwise"
            data-l10n-id="page_rotate_cw"
          ></menuitem>
          <menuitem
            id="contextPageRotateCcw"
            label="Rotate Counter-Clockwise"
            data-l10n-id="page_rotate_ccw"
          ></menuitem>
        </menu>

        <div id="viewerContainer" tabindex="0">
          <div id="viewer" class="pdfViewer"></div>
        </div>

        <div id="errorWrapper" hidden="true">
          <div id="errorMessageLeft">
            <span id="errorMessage"></span>
            <button id="errorShowMore" data-l10n-id="error_more_info">
              More Information
            </button>
            <button
              id="errorShowLess"
              data-l10n-id="error_less_info"
              hidden="true"
            >
              Less Information
            </button>
          </div>
          <div id="errorMessageRight">
            <button id="errorClose" data-l10n-id="error_close">Close</button>
          </div>
          <div class="clearBoth"></div>
          <textarea
            id="errorMoreInfo"
            hidden="true"
            readonly="readonly"
          ></textarea>
        </div>
      </div>
      <!-- mainContainer -->

      <div id="overlayContainer" class="hidden">
        <div id="passwordOverlay" class="container hidden">
          <div class="dialog">
            <div class="row">
              <p id="passwordText" data-l10n-id="password_label">
                Enter the password to open this PDF file:
              </p>
            </div>
            <div class="row">
              <input type="password" id="password" class="toolbarField" />
            </div>
            <div class="buttonRow">
              <button id="passwordCancel" class="overlayButton">
                <span data-l10n-id="password_cancel">Cancel</span>
              </button>
              <button id="passwordSubmit" class="overlayButton">
                <span data-l10n-id="password_ok">OK</span>
              </button>
            </div>
          </div>
        </div>
        <div id="documentPropertiesOverlay" class="container hidden">
          <div class="dialog">
            <div class="row">
              <span data-l10n-id="document_properties_file_name"
                >File name:</span
              >
              <p id="fileNameField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_file_size"
                >File size:</span
              >
              <p id="fileSizeField">-</p>
            </div>
            <div class="separator"></div>
            <div class="row">
              <span data-l10n-id="document_properties_title">Title:</span>
              <p id="titleField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_author">Author:</span>
              <p id="authorField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_subject">Subject:</span>
              <p id="subjectField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_keywords">Keywords:</span>
              <p id="keywordsField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_creation_date"
                >Creation Date:</span
              >
              <p id="creationDateField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_modification_date"
                >Modification Date:</span
              >
              <p id="modificationDateField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_creator">Creator:</span>
              <p id="creatorField">-</p>
            </div>
            <div class="separator"></div>
            <div class="row">
              <span data-l10n-id="document_properties_producer"
                >PDF Producer:</span
              >
              <p id="producerField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_version"
                >PDF Version:</span
              >
              <p id="versionField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_page_count"
                >Page Count:</span
              >
              <p id="pageCountField">-</p>
            </div>
            <div class="row">
              <span data-l10n-id="document_properties_page_size"
                >Page Size:</span
              >
              <p id="pageSizeField">-</p>
            </div>
            <div class="separator"></div>
            <div class="row">
              <span data-l10n-id="document_properties_linearized"
                >Fast Web View:</span
              >
              <p id="linearizedField">-</p>
            </div>
            <div class="buttonRow">
              <button id="documentPropertiesClose" class="overlayButton">
                <span data-l10n-id="document_properties_close">Close</span>
              </button>
            </div>
          </div>
        </div>
        <div id="printServiceOverlay" class="container hidden">
          <div class="dialog">
            <div class="row">
              <span data-l10n-id="print_progress_message"
                >Preparing document for printing…</span
              >
            </div>
            <div class="row">
              <progress value="0" max="100"></progress>
              <span
                data-l10n-id="print_progress_percent"
                data-l10n-args='{ "progress": 0 }'
                class="relative-progress"
                >0%</span
              >
            </div>
            <div class="buttonRow">
              <button id="printCancel" class="overlayButton">
                <span data-l10n-id="print_progress_close">Cancel</span>
              </button>
            </div>
          </div>
        </div>
      </div>
      <!-- overlayContainer -->
    </div>

    <div id="aiBox">
      <!-- <h1>AI BOX</h1>

      <div class="search" style="display: flex">
        <div class="layui-input-group">
          <input type="text" class="keyValue layui-input" />
        </div>
        <div class="testBtn">搜索</div>
      </div>

      <div class="btns" style="display: flex; cursor: pointer; gap: 10px">
        <div class="pre">pre</div>
        <div class="next">next</div>
      </div>

      <p class="current">当前 ：</p>
      <p class="total">总共</p>

      <div class="naviToPage" style="display: flex">
        <input type="text" class="pageValue layui-input" />
        <div class="testBtn">页码跳转</div>
      </div> -->
      <!-- <div class="search" style="display: flex">
        <div class="layui-input-group">
          <input type="text" class="keyValue layui-input" />
        </div>
        <div class="testBtn">搜索</div>
      </div> -->

      <!-- 结构化字段提取 -->
      <div class="layui-collapse" id="domainCollapse"></div>

      <!-- 新增风险 -->
      <div style="display: none">
        <div class="title">风险新增</div>
        <form class="layui-form addForm" action="" style="color: black">
          <div class="layui-form-item">
            <label class="layui-form-label">风险来源</label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                value="系统自动带出 不可修改"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">投标编号</label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                value="系统自动带出 不可修改"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险等级
            </label>
            <div class="layui-input-block">
              <select name="riskLevel" lay-verify="required">
                <option value="">请选择</option>
                <option value="高">高</option>
                <option value="中">中</option>
                <option value="低">低</option>
              </select>
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险编号</label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                placeholder="系统自动带入"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险类别
            </label>
            <div class="layui-input-block">
              <select name="riskCategory" lay-verify="required">
                <option value="">请选择</option>
                <option value="技术风险">技术风险</option>
                <option value="管理风险">管理风险</option>
                <option value="法律风险">法律风险</option>
                <!-- 可根据实际情况补充 -->
              </select>
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险名称
            </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="riskName"
                required
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">是否风险</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" value="是" disabled />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>对项目目标影响
            </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="impact"
                required
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险应对策略
            </label>
            <div class="layui-input-block">
              <select name="responseStrategy" lay-verify="required">
                <option value="">请选择</option>
                <option value="规避">规避</option>
                <option value="转移">转移</option>
                <option value="缓解">缓解</option>
                <option value="接受">接受</option>
              </select>
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险应对措施
            </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="responseMeasure"
                required
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险应对部门
            </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="department"
                required
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险状态</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" value="已确认" disabled />
            </div>
          </div>

          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label"
              ><span style="color: red">*</span>风险描述
            </label>
            <div class="layui-input-block">
              <textarea
                name="riskDesc"
                required
                lay-verify="required"
                placeholder="请输入"
                class="layui-textarea"
              ></textarea>
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="submitRisk">
                确认
              </button>
              <button type="reset" class="layui-btn layui-btn-primary">
                取消
              </button>
            </div>
          </div>
        </form>
      </div>

      <!-- 风险详情 -->
      <div style="display: none">
        <div class="title">风险新增</div>
        <form class="layui-form addForm" action="" style="color: black">
          <div class="layui-form-item">
            <label class="layui-form-label">风险来源</label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                value="系统自动带出 不可修改"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">投标编号</label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                value="系统自动带出 不可修改"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险等级 </label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                value="系统自动带出 不可修改"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险编号</label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                placeholder="系统自动带入"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险类别 </label>
            <div class="layui-input-block">
              <input
                type="text"
                class="layui-input"
                placeholder="系统自动带入"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险名称 </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="riskName"
                required
                disabled
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">是否风险</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" value="是" disabled />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">对项目目标影响 </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="impact"
                required
                disabled
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险应对策略 </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="impact"
                required
                disabled
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险应对措施 </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="responseMeasure"
                required
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
                disabled
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险应对部门 </label>
            <div class="layui-input-block">
              <input
                type="text"
                name="department"
                required
                disabled
                lay-verify="required"
                placeholder="请输入"
                class="layui-input"
              />
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">风险状态</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" value="已确认" disabled />
            </div>
          </div>

          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">风险描述 </label>
            <div class="layui-input-block">
              <textarea
                name="riskDesc"
                required
                lay-verify="required"
                placeholder="请输入"
                disabled
                class="layui-textarea"
              ></textarea>
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block">
              <button class="layui-btn" lay-submit lay-filter="submitRisk">
                确认
              </button>
              <button type="reset" class="layui-btn layui-btn-primary">
                取消
              </button>
            </div>
          </div>
        </form>
      </div>
    </div>
    <!-- outerContainer -->
    <div id="printContainer"></div>

    <!-- 悬浮 工具窗口 -->
    <div
      id="myTooltip"
      style="
        position: absolute;
        display: none;
        flex-direction: row;
        cursor: pointer;
        gap: 10px;
        color: white;
        background: rgba(0, 0, 0, 0.7);
        border: 1px solid #ccc;
        padding: 8px;
        border-radius: 10px;
        padding: 10px;
        z-index: 9999;
        width: fit-content;
      "
    >
      <div style="display: flex; flex-direction: column; align-items: center">
        <i class="layui-icon layui-icon-add-circle-fine"></i>
        <p>新增风险</p>
      </div>
      <div>
        <i
          style="display: flex; flex-direction: column; align-items: center"
          class="layui-icon layui-icon-delete"
        ></i>
        <p>删除风险</p>
      </div>
      <div>
        <i
          style="display: flex; flex-direction: column; align-items: center"
          class="layui-icon layui-icon-edit"
        ></i>
        <p>编辑风险</p>
      </div>
    </div>

    <script>
      function searchText(text, params) {
        // console.log(text, "searchText");
        eventBus.dispatch("find", {
          type: "find",
          query: text,
          phraseSearch: true,
          // caseSensitive: this.caseSensitive.checked,
          // entireWord: this.entireWord.checked,
          highlightAll: true,

          ...params,
          // findPrevious: findPrev,
        });
      }

      function findPre(params) {
        const inputValue = $(".keyValue").val();
        eventBus.dispatch("find", {
          type: "again",
          query: inputValue,
          phraseSearch: true,
          // caseSensitive: this.caseSensitive.checked,
          // entireWord: this.entireWord.checked,
          highlightAll: true,
          findPrevious: true,
          ...params,

          // findPrevious: findPrev,
        });
      }

      function findNext(params) {
        const inputValue = $(".keyValue").val();

        eventBus.dispatch("find", {
          type: "again",
          query: inputValue,
          phraseSearch: true,
          // caseSensitive: this.caseSensitive.checked,
          // entireWord: this.entireWord.checked,
          highlightAll: true,
          findPrevious: false,
          // findPrevious: findPrev
          ...params,
        });
      }
    </script>

    <script>
      window.controlerInfo = { current: "" };

      Object.defineProperty(window.controlerInfo, "total", {
        set(newValue) {
          this._total = newValue;
          // console.log("newvalue", controlerInfo);
          $(".total").html("总共：" + controlerInfo.total);
          //
        },

        get() {
          return this._total;
        },
      });

      Object.defineProperty(window.controlerInfo, "current", {
        set(newValue) {
          this._current = newValue;
          $(".current").html("当前：" + controlerInfo.current);
          //
        },

        get() {
          return this._current;
        },
      });

      window.addEventListener("load", async () => {
        // const { dispatchEvent, linkService } = window.getPdfUtils();
        //搜索关键字
        $(".search .testBtn").on("click", function () {
          const inputValue = $(".keyValue").val();

          console.log(eventBus, "eventBus");

          searchText(inputValue);
        });

        //页码跳转
        $(".naviToPage .pageValue").on("keydown", function (e) {
          if (e.key === "Enter") {
            const inputValue = parseInt($(".pageValue").val(), 10);
            eventBus.dispatch("pagerendered", {
              source: window._this,
              pageNumber: inputValue,
              cssTransform: false,
            });
          }
        });
        $(".naviToPage .testBtn").on("click", function (e) {
          const inputValue = parseInt($(".pageValue").val(), 10);
          eventBus.dispatch("pagenumberchanged", {
            value: inputValue,
          });

          // linkService.goToPage(parseInt($(".pageValue").val(), 10));
        });

        //上一个
        $(".btns .pre").on("click", function (e) {
          findPre();
        });

        //下一个关键字
        $(".btns .next").on("click", async function (e) {
          // 如果window.controlerInfo不存在，说明是第一次搜索
          if (!window.controlerInfo) {
            searchText(inputValue);
            return;
          }

          //下一个
          findNext();

          // console.log(window?.controlerInfo, "controlerInfo");
        });
      });
    </script>

    <!-- 渲染提取 -->
    <script type="module" src="./core/renderExtract.js"></script>
    <!-- 渲染新增 -->
    <script type="module" src="./core/renderAdd.js"></script>
  </body>
</html>
